<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>延迟收货</title>
    <link rel="stylesheet" href="../css/Delayed-pickup.css" />
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
    <script src="../js/flexible.js"></script>
  </head>
  <body>
    <!-- 写注释，再写结构（由大到小,一个一个拆分）
      ，看看哪些是需要点击的a标签,最后写内容 -->

    <!-- 顶栏 -->
    <div class="topPreset">
      <a href="javascript:;">
        <span class="iconfont icon-xiangzuo1"></span>
      </a>
      <h2>延迟提货</h2>
    </div>
    <!-- 顶部站位 -->
    <div class="zhanwei"></div>
    <!-- 内容 -->
    <div class="content wrapper">
      <!-- 原定时间 -->
      <div class="box1 box">
        <!-- 左边内容 -->
        <div class="left">原定时间</div>
        <!-- 右边时间 -->
        <div class="right">2022.05.04 13:00</div>
      </div>

      <!-- 延迟时间 -->
      <div class="box2 box">
        <!-- 左边内容 -->
        <div class="left">延迟时间</div>
        <!-- 右边时间 -->
        <a href="javascript:;" class="right">不超过2个小时
          <span class="iconfont icon-xiangyou1"></span>
        </a>
      </div>

      <!-- 延迟提货的原因 -->
      <div class="text">
        <textarea
          name
          id
          cols="30"
          rows="10"
          placeholder="请输入延迟提货原因"></textarea>
        <span class="num"><span id="num">0</span>/50</span>
      </div>

      <!-- 提交 -->
      <div class="submit">
        <button>提交</button>
      </div>
    </div>
    <div class="floatingTips">
      <span>提交成功</span>
    </div>

    <!-- 遮罩 -->
    <div class="screenMask"></div>
    <script src="../js/Delayed-pickup.js"></script>
  </body>
</html>
